<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="ali-app-title-content" content="e6a9"/>
   	　　　　<meta name="ali-app-title-color" content="#dd2727"/>
   	　　　<meta name="aplus-terminal" content="1"/>
		<meta name="apple-mobile-web-app-title" content="TMALL"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
		<meta name="spm-id" content="a3204.7152233">
   	 	<meta name="format-detection" content="telephone=no, address=no">
		<title>天猫超市</title>
		<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>			
		<link rel="stylesheet" type="text/css" href="css/gouwuche.css"/>
	</head>
	
	<body>
		
		<div class="box">
			<div class="alt">
				<div class="cont">
					请设置发货地址
				</div>
				<p>
				  <span id="shezhi">去设置</span>
				  <span id="quxiao">取消</span>
				</p>
			</div>			
			<div class="head"><span id="fan"><</span>购物车(<g>0</g>)
				<div class="c" ui-sref="nav" >编辑<img src="img/1.png"/></div>
			</div>	
			
			<ul class="sty"></ul>							
			
			
			<div class="sdiv">
				<span>亲　不能再少了</span>
			</div>
			
			<div class="font" style="background: #fff;">
				<img src="img/stg-4.png" id="quan" />
				<span>全选</span>
				<div class="hej">
					<samp>合计:<sr id="sr" style="color: #fe654a;">￥00.00</sr><br/><ty>已优惠￥0.00</ty></samp>
					<div class="js" id="ap-s">结算</div>
				</div>
			</div>
			<div id="mm">
			<div class="df" id="sy">
				<img src="img/4.png" style="width:2.3rem; height: 2.2rem;"><br/>推荐
			</div>
			
				<div class="df">
				<img src="img/5.png" style="width:2.3rem; height: 2.2rem;"><br/>微淘
				</div>
				
				<div class="df">
				<img src="img/6.png" style="width:2.3rem; height: 2.2rem;"><br/>社区</div>
				
				<div class="df">
				<img src="img/7.png" style="width:2.3rem; height: 2.2rem;"><br/>购物车</div>
				<div class="df" id="ap-a">
				<img src="img/st-6.png" style="width:2.3rem; height: 2.2rem;"><br/>我的</div>
		</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script>		
	</body>

	<script>	
	$("#fan").click(function(){
		window.history.back(-1);		
	})
				
	//查看购物车			
	　　var　lookcar=0;
　　　　　var leng=0;
　　　　　var g=$("g").text();		
		$.ajax({
				type:"get",
				url:"http://192.168.1.100/supermarket/data/get_commodity_car.php",
           data: {'user_phone':localStorage.user_phone},
				async:true,
				dataType:"jsonp",
			 	jsop:"callback",
			 	jsonpCallback:"success_JsonpCallback",
			 	success:function(e){	
			 		leng=e.length;
                   go(e)
			 	}
		     });		
	     //购物车
	　　　　    function go(e){				
				if(lookcar!=e.length){
						$.ajax({
					 	type:"get",
					 	url:"http://192.168.1.100/supermarket/data/get_commodity_info.php",
					 	data:{"id":e[lookcar].commodity_id},
					 	async:true,
					 	dataType:"jsonp",
					 	jsop:"callback",
					 	jsonpCallback:"success_JsonpCallback",					 	
					 	success:function(data){ 		
				　html='<div class="zh"><p><img src="img/stg-4.png" class="tou" /></p><img src="img/2.png" /><span>天猫超市    ></span><samp class="bian">编辑</samp><samp class="wan" ff="'+e[lookcar].commodity_id+'" >完成</samp></div><li ><i><img src="img/stg-4.png" class="png" bool="false" ID="'+e[lookcar].commodity_id+'" /></i><img src="http://192.168.1.100/supermarket/img/'+data.img+'"/><no><span style="text-indent: 1em;">'+data.name+'</span><p class="p">重量'+data.weight+'</p><jia><sr style="color: #fe654a;">￥<k>'+data.price+'</k></sr><hh>×<h>'+e[lookcar].count+'</h></hh></jia></no><bo ><div class="box"><div class="left">-</div><div class="conter">'+e[lookcar].count+'</div><div class="right">+</div></div><span id="shan" f="'+e[lookcar].commodity_id+'">删除</span></bo></li>';
					 $(".sty").append(html);　　	 								 		　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
                     $("g").text(e.length);
             　　　　　　　　　　　　 g=$("g").text();
					 $("#sr").text("￥00.00");
					 	lookcar++;
					 		go(e);
					 	}
					});					
			  }else{
			  	return
			  }
			}	

		//点击编辑
			$(".sty").delegate(".bian","click",function(){
				$(this).toggle();
				$(this).next().toggle();
				$(this).parent().next().find("no").toggle();
                $(this).parent().next().find("bo").toggle();
			})
			//点击完成
			$(".sty").delegate(".wan","click",function(){
				$(this).toggle();
				$(this).prev().toggle();
				$(this).parent().next().find("no").toggle();
                $(this).parent().next().find("bo").toggle();         
              var k=$(this).attr("ff");
              var num=$(this).parent().next().find("bo").find(".box").find(".conter").text();
        $.ajax({
        	type:"get",
        	url:"http://192.168.1.100/supermarket/data/my_commodity_update_car.php",
	        data: {'user_phone':localStorage.user_phone,'commodity_id':k,'count': num},
					 	async:true,
					 	dataType:"jsonp",
					 	jsop:"callback",
					 	jsonpCallback:"success_JsonpCallback",
					 	success:function(e){					 				
		}					 	
        });
        $(this).parent().next().find("no").find("jia").find("h").text(num);
        
			})			
	//++
		$(".sty").delegate(".right","click",function(){
			var n=$(this).prev().text();
			n++;
			$(this).prev().text(n);
		})			
	//--	
		$(".sty").delegate(".left","click",function(){
			var n=$(this).next().text();
			n--;
			if (n<=0){
				n=1;
				$(".sdiv").show()
				setTimeout(function(){
					$(".sdiv").hide();				
				},1000)
				$(this).next().text(n);
			} else{			
			$(this).next().text(n);										
			}
		})			
		//删除		
		$(".sty").delegate("#shan","click",function(){
			var f=$(this).attr("f");
			g--;
			$(this).parent().parent().find(".png").attr("bool","false")
			$("g").text(g);
			$(this).parent().parent().hide();
			$(this).parent().parent().prev().hide();			
			 $.ajax({
        	type:"get",
        	url:"http://192.168.1.100/supermarket/data/my_commodity_delete_car.php",
			data: {'commodity_id':f,'user_phone':localStorage.user_phone},
        	async:true,
        	dataType:"jsonp",
				 	jsop:"callback",
				 	jsonpCallback:"success_JsonpCallback",
				 	success:function(e){
				 		$(this).empty()
				 		shu=0;
					var art=[];
					$.each($(".png"),function(elem,ele){
				   if($(ele).attr("bool") == "true"){
				  var nn=new zoo($(ele).parent().parent().find("k").text(),$(ele).parent().parent().find("h").text())
		      			art.push(nn);
		      			 //console.log(art)
		      }
     　　　　　 })     
       for(var i=0;i<art.length;i++){
          //	console.log(art[i].cn)
          	//console.log(art[i].mon)
          	sh=Math.round(art[i].mon*100)*art[i].cn;
          	shu+=sh;
          	$("#sr").text("￥"+","+shu/100);
          }
		}
        });
			
		})
	
		
		
		//全选
		   
   var k=[];
   var d=[];
   var m=[];
   var a=0;
   var n=0;
    $("#quan").click(function(){
	if ($(this).attr("src")=="img/stg-4.png") {
		a=0;
		oid=[];
		coun=[];		
		var nn=$(".sty").find("k").length
		n=length		
		for(var i=0;i<nn.leng;i++){
		var i=i;
		$(".sty .png").attr("bool","true")
		jk=$(".sty k:eq("+i+")").text();
		k.push(jk);
		
		jd=$(".sty h:eq("+i+")").text();
		d.push(jd);
		
		
		var memory=Math.ceil(k[i]*100)*d[i]
						m.push(memory);
					  a+=m[i]						
						$("#sr").text("￥"+a/100);
		
		}
	$("#quan").attr("src","img/stg-5.png")
	$(".png").attr("src","img/stg-5.png")
	$(".tou").attr("src","img/stg-5.png")
	
	
	}else{
	 var a=0;
   var n=0;  
   var sh=0;
   $("#sr").text("￥"+"00.00")
   $("#quan .png").attr("bool","true")
	$("#quan").attr("src","img/stg-4.png")
	$(".png").attr("src","img/stg-4.png")
	$(".tou").attr("src","img/stg-4.png")
	}
	
})
		
		
		
		
		//第二个图片点击切换
		
		var s=0,h=0,shu=0;		
		$(".sty").delegate(".png","click",function(){
		if($(this).attr("src")=="img/stg-4.png"){
		$(this).attr("bool","true");
		$(this).attr("src","img/stg-5.png")
		$(this).parent().parent().prev().find(".tou").attr("src","img/stg-5.png")
		s=parseInt($(this).parent().parent().find("k").text()*100)//k价格
		h=$(this).parent().parent().find("h").text()*100//h数量
		sh=Math.round(s)*h;
		shu+=sh
		$("#sr").text("￥"+shu/10000);		
		n++;
		if(n>=leng){
		$("#quan").attr("src","img/stg-5.png");
		}else{
	　　　$("#quan").attr("src","img/stg-4.png");
		}
		}
		else{			
			var _shu=$("#sr").text()
					Oshu=_shu.split("￥");
					shu=Oshu[1]*100;
					$(this).attr("src","img/stg-4.png");			
		$(this).parent().parent().prev().find(".tou").attr("src","img/stg-5.png")
		s=parseInt($(this).parent().parent().find("k").text()*100)//k价格
		h=$(this).parent().parent().find("h").text()*100//h数量
		sh=Math.round(s)*h;
		shu-=sh
		$("#sr").text("￥"+shu/10000);		
		n--;		
		$("#quan").attr("src","img/stg-4.png");			
			if(n<1){
				$("#sr").text("￥"+shu/10000);	
			}			
		}						
		})
		
		//头部图片点击图片全选取消
		$(".sty").delegate(".tou","click",function(){
		if($(this).attr("src")=="img/stg-4.png"){
		$(this).attr("bool","true");
		$(this).attr("src","img/stg-5.png")
		$(this).parent().parent().next().find("i").find(".png").attr("src","img/stg-5.png")
		$(this).parent().parent().next().find(".png").attr("bool","true")
		s=parseInt($(this).parent().parent().next().find("k").text()*100)//k价格
		h=$(this).parent().parent().next().find("h").text()*100//h数量
		sh=Math.round(s)*h;
		shu+=sh
		$("#sr").text("￥"+shu/10000);		
		n++;
		if(n>=leng){
		$("#quan").attr("src","img/stg-5.png");
		}else{
	$("#quan").attr("src","img/stg-4.png");
		}
		}
		else{			
		var _shu=$("#sr").text()
		Oshu=_shu.split("￥");
		shu=Oshu[1]*100;
		$(this).attr("src","img/stg-4.png");			
		$(this).parent().parent().next().find("i").find(".png").attr("src","img/stg-4.png")
		$(this).parent().parent().next().find(".png").attr("bool","true")
		s=parseInt($(this).parent().parent().next().find("k").text()*100)//k价格
		h=$(this).parent().parent().next().find("h").text()*100//h数量
		sh=Math.round(s)*h;
		shu-=sh
		$("#sr").text("￥"+shu/10000);		
		n--;		
		$("#quan").attr("src","img/stg-4.png");			
			if(n<1){
				$("#sr").text("￥"+shu/10000);	
			}			
		}	
		})

			function zoj(id,con){
				this.id=id;
				this.cn=con;
			}
			
			
			var ya=document.getElementById('ap-s');
			ya.addEventListener('click',fn2,false);
			var arr=[];
			 function fn2(){
			 	if(localStorage.dizhi){
					var dizhi=localStorage.dizhi;
					var dz=dizhi.split("-");
					console.log(dz[1])
				}else{
					$(".alt").show()
				}
				
			 	$.each($(".png"),function(index,ele){
				    if($(ele).attr("bool") == "true"){
				    var nr=new zoj($(ele).attr("ID"),$(ele).parent().parent().find("h").text())
      			arr.push(nr);
      		}
      	})
			 	
       console.log(arr)
       for(var i=0;i<arr.length;i++){
          	$.ajax({
          		type:"get",
          		url: "http://192.168.1.100/supermarket/data/my_commodity_order.php",
          		data: {'commodity_id':arr[i].id,'user_phone':localStorage.tel,'count':arr[i].cn,'user_name':dz[0],'user_addr':dz[2],'consignee_phone':dz[1]},
          		async:true,
          		dataType:"jsonp",
						 	jsop:"callback",
						 	jsonpCallback:"success_JsonpCallback",
          		success:function(e){
          			window.location.href='querendingdan.html';
          		}
          	});
          }
       
          } 
          
          
			document.onclick= function (){
				shu=0;
			 	var art=[];
			 		$.each($(".png"),function(elem,ele){
				    if($(ele).attr("bool") == "true"){
				    var nn=new zoo($(ele).parent().parent().find("k").text(),$(ele).parent().parent().find("h").text())
      			art.push(nn);
      			 console.log(art)
      		}
      	})
      
       for(var i=0;i<art.length;i++){
          	console.log(art[i].cn)
          	console.log(art[i].mon)
          	sh=Math.round(art[i].mon*100)*art[i].cn;
          	shu+=sh;
          	$("#sr").text("￥"+shu/100);
          }
       
			 }
			function zoo(elem,con){
				this.mon=elem;
				this.cn=con;
			}
			
			
			 function fn4(){
			 	window.location.href='my.html';
			 }
			
			
			
			
			
			
			
			
			 $("#sy").click(function(){
			 	window.location.href='zhuye.html'
			 })
			 
			 $("#shezhi").click(function(){
			 	$(".alt").hide();
			 	window.location.href="guanlishouhuodizhi.html"
			 })
       $("#quxiao").click(function(){
       	$(".alt").hide();
       })
		
		
		
		
	</script>
</html>
